<template>
  <div class="layout">
    <!-- header -->
    <app-header />
    <navbar :navbars="navbars" />
    <!-- 页面内容的占位 -->
    <slot></slot>
    <!-- footer -->
    <app-footer />
  </div>
</template>

<script setup lang="ts">
  import { useHomeStore } from "@/store/home";
  import { storeToRefs } from "pinia";

  const homeStore = useHomeStore();
  const { navbars } = storeToRefs(homeStore);
  homeStore.fetchHomeInfoData("oppo");
</script>

<style lang="scss" scoped>
  .layout {
  }
</style>
